<!--  -->
<template>
  <div>
      <div class="header">
          <span class="s2">
              <router-link to="/"><i class="iconfont">&#xe667;</i></router-link>
          </span >
          <span class="s1">城市选择</span>
          <span></span>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },
}

</script>
<style scoped lang="scss">
a{
    text-decoration: none;
    color: #fff;
}
.header{
    width: 100%;
    height: 1.0666666667rem;
    background: #00bcd4;
    line-height:  1.0666666667rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .s2{
        i{
            margin-left: 0.26666666rem;
            font-size: 20px;
        }
    }
    .s1{    
        font-size: 0.426666rem;
    }
}
</style>